Spline - Day 25 – 人 + 動畫 (轉身體 + 眨眼) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2022 iThome 鐵人賽

DAY 13

1

Modern Web

30天學習 3D網頁 - spline系列第 25 篇

Spline - Day 25 – 人 + 動畫 (轉身體 + 眨眼)

14th鐵人賽

2022-10-05 00:09:49

490 瀏覽

分享至

第25天，我做的動畫是跟著滑鼠然後轉動頭或身體，再加上眨眼的效果，做出來真的感覺挺可愛，又有點好玩，因為他就會變成一個魁儡，任你操控，然後，做的方法其實不難，下面我一樣會列幾個重點給大家參考 :

頭(或身體)跟著滑鼠轉 : 選取頭部，新增交互，選面向滑鼠。
眨眼 : 選取眼睛，新增狀態，調整縮放的Y軸。
眨眼動畫 : 選取包含眼睛包含頭部的群組，新增交互，選擇滑鼠璇停，然後對象選眼睛，持續可以改短時間，即完成。

成品 :

我做的影片連結 : https://youtu.be/-Nwq22PLWlk

預告: Day 26 – Spline 結合網頁

Spline - Day 24 – 人 – (頭部 + 上半身)

Spline - Day 26 – Spline 結合網頁

系列文

30天學習 3D網頁 - spline 共 30 篇

目錄

RSS系列文訂閱系列文

9 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22173 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙